var React = require('react');


var Bheader = require('../widget/Bheader');
var Footer = require('../widget/Footer');
var RenWu = require('../widget/RenWu');


module.exports = React.createClass({
    getInitialState: function () {
        return {
            theme:"Default"

        }
    },

    myScroll:"",

    componentDidMount: function () {
        setTimeout(this.iscroll,500);
    },
    /**iScroll插件*/
    iscroll(){
        var p =this;
        p.myScroll = new IScroll("#renwuWrapper",{
            // 默认iscroll会拦截元素的默认事件处理函数，我们需要响应onClick，因此要配置
            preventDefault: false,
            // 禁止缩放
            zoom: false,
            // 支持鼠标事件，因为我开发是PC鼠标模拟的
            mouseWheel: true,
            // 滚动事件的探测灵敏度，1-3，越高越灵敏，兼容性越好，性能越差
            probeType: 3,
            // 拖拽超过上下界后出现弹射动画效果，用于实现下拉/上拉刷新
            bounce: true,
            // 展示滚动条
            scrollbars: false
        });
        p.myScroll.refresh();
        document.addEventListener('touchmove', function(){}, false);
    },

    render: function () {
        var p = this;
        return (
            <div className="main"  id="main">
                <Bheader theme={this.state.theme} title="一人一物"></Bheader>
                <div id="renwuWrapper" className="container-t noFooter">
                    <RenWu></RenWu>
                </div>
            </div>
        )
    }
});
